<template>
  <div>
    <h2>编辑笔记</h2>
    <textarea v-model="noteContent" placeholder="在此输入笔记内容..."></textarea>
    <button @click="saveNote">保存</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const noteContent = ref('');

    const saveNote = () => {
      // 保存笔记逻辑
      console.log('笔记内容:', noteContent.value);
    };

    return {
      noteContent,
      saveNote,
    };
  },
};
</script>

<style scoped>
textarea {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}
button {
  padding: 10px 20px;
}
</style> 